<template>
  <div id="aside">
    <el-affix :offset="50">
      <el-menu
          style="width: 200px; min-height: calc(100vh - 50px)"
          :default-active="path"
          router
          class="el-menu--vertical-demo">
        <el-sub-menu index="1" v-if="user.role === 1">
          <template #title>系统管理</template>
          <el-menu-item index="/user">用户管理</el-menu-item>
          <el-menu-item index="/problemAdmin">题库管理</el-menu-item>
          <el-menu-item index="/fileManage">文件管理</el-menu-item>
          <el-menu-item index="/faceList">人脸管理</el-menu-item>
          <el-menu-item index="/faceLog">人脸日志</el-menu-item>
        </el-sub-menu>
        <el-menu-item index="/home">主页</el-menu-item>
        <el-menu-item index="/problem">题库</el-menu-item>
        <el-menu-item index="/sourceAndType">来源/分类</el-menu-item>
        <el-menu-item index="/raceAndWork">竞赛&作业</el-menu-item>
        <el-menu-item index="/status">状态</el-menu-item>
        <el-menu-item index="/ranking">排名</el-menu-item>
        <el-menu-item index="/news">常见问答</el-menu-item>
      </el-menu>
    </el-affix>

  </div>
</template>

<script>
import request from "@/utils/request";

export default {
  name: "Aside",
  data() {
    return {
      user: {},
      path: this.$route.path //设置默认高亮菜单
    }
  },
  created() {
    let userStr = sessionStorage.getItem("user") || "{}"
    this.user = JSON.parse(userStr)

    //请求服务端，确认当前登录用户的 合法信息
    // request.get("/user/" + this.user.id).then(res => {
    //   if (res.code === '0') {
    //     this.user = res.data
    //   }
    // })
  }
}
</script>

<style>

</style>